<template>
	<view class="icons">
		<view class="icon-item" v-for="item in icons" :key="item.id">
			<image :src="item.icon" mode="widthFix"></image>
			<view>
				{{item.text}}
			</view>
		</view>
	</view>
</template>

<script setup>
	const props = defineProps({
		icons: Array
	})
</script>

<style lang="scss" scoped>
	.icons{
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		height: 416rpx;
		overflow: hidden;
		.icon-item{
			width: 187rpx;
			image{
				width: 130rpx;
			}
			view{
				padding: 5rpx 0;
			}
		}
	}
</style>